<template>
	<view class="tree-select">
		<text>ifun-date-picker</text>
		<!-- <view class="component-item">
			<text class="component-item-label">year</text>
			<view class="component-item-content">
				<ifun-date-picker type="year" :gap="[2010,2035]" @ok="handleChange"></ifun-date-picker>
			</view>
		
		</view>
		 <view class="component-item">
			<text class="component-item-label">month</text>
			<view class="component-item-content">
				<ifun-date-picker type="month" @ok="handleChange"></ifun-date-picker>
			</view>
		
		</view> 
		<view class="component-item">
			<text class="component-item-label">date</text>
			<view class="component-item-content">
				<ifun-date-picker type="date" :gap="['2018-09-09','2035-09-09']" value="2023-12-12" @ok="handleChange"></ifun-date-picker>
			</view>

		</view>
		 <view class="component-item">
			<text class="component-item-label">time</text>
			<view class="component-item-content">
				<ifun-date-picker type="time" :gap="['08:30:00','18:00:00']" value="12:34:45" @ok="handleChange"></ifun-date-picker>
			</view>
		
		</view>-->
		<view class="component-item">
			<text class="component-item-label">datetime</text>
			<view class="component-item-content">
				<ifun-date-picker type="datetime" value="2023-02-11 12:34:48" :gap="['2020-12-12 08:30:00','2029-10-30 18:30:00']" @ok="handleChange"></ifun-date-picker>
			</view>
		</view>
		<!--<view class="component-item">
			<text class="component-item-label">year-month</text>
			<view class="component-item-content">
				<ifun-date-picker type="year-month" value="2023-02" @ok="handleChange"></ifun-date-picker>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		name: "date-picker",
		data() {
			return {
				
			}
		},
		mounted() {
			
		},
		methods: {
			handleChange(value,selected){
				console.log(value,selected);
			}
		}
	}
</script>

<style>

</style>